<template>
  <div>
   <h1>会员等级列表</h1>
   <input type="button" value="增加" class="btn btn-primary" @click="add"/>
   <table>
    <tbody>
      <tr>
        <td>Id</td>
        <td>会员名称</td>
        <td>手机号</td>
        <td>身份证</td>
        <td>会员等级</td>
        <td>生日</td>
        <td>操作</td>
      </tr>
      <tr v-for="item in queryInfo">
        <td>Id</td>
        <td>会员名称</td>
        <td>手机号</td>
        <td>身份证</td>
        <td>会员等级</td>
        <td>生日</td>
        <td>
          <input type="button" value="删除" >
          <input type="button" value="修改">
        </td>
      </tr>
    </tbody>
   </table>
  </div>
</template>

<script setup lang="ts">
import axios from 'axios';
import {ref,reactive} from 'vue'
import {useRouter} from 'vue-router'

const router = useRouter();
const add=()=>{
  router.push('/HydjView')
};
let queryInfo =reactive({
  id:'',
  name:'',
  levelId:'',
})
const gerList=()=>{
  axios({
    url:'',
    method:'get',
    params:queryInfo,
  })
}
</script>

<style scoped>

</style>